<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <link rel="stylesheet" href="res/layui-v2.9.10/layui/css/layui.css">


</head>
<body>
<!--app端-->
<div class="layui-carousel" id="ID-carousel-demo-1">

  <div carousel-item>

    <div>条目1</div>

    <div>条目2</div>

    <div>条目3</div>

    <div>条目4</div>

    <div>条目5</div>

  </div>

</div>

<script src="res/layui-v2.9.10/layui/layui.js"></script>

<script>

  layui.use(function(){

    var carousel = layui.carousel;

    // 渲染 - 常规轮播

    carousel.render({

      elem: '#ID-carousel-demo-1',

      width: 'auto'

    });
  });
</script>


</body>
</html>